<template>
  <div class="home">
    <TodoHeader></TodoHeader>
    <TodoList h-title="正在进行" :todo-list-arr="$store.getters.doing"></TodoList>
    <TodoList h-title="已经完成" :todo-list-arr="$store.getters.done"></TodoList>
  </div>
</template>

<script>
// @ is an alias to /src
import TodoHeader from "@/components/TodoHeader.vue";
import TodoList from "@/components/TodoList.vue";

export default {
  name: "Home",
  components: {
    TodoHeader,
    TodoList,
  },
};
</script>
